<template>
  <GridLayout class="btn-container">
    <Button ref="btn" :isEnabled="pEnabled" class="btn" :text="text" @tap="onTap()" />
    <ActivityIndicator :busy="busy" />
  </GridLayout>
</template>
<script>
export default {
  props: {
    'busy': Boolean,
    'text': String,
    'pEnabled': Boolean,
    'onTap': Function
  },
}
</script>
<style scoped>
  .btn:disabled{background: #5d80a4}
  .btn:active{background: #245b70}
  .btn{width:100%;height:100%;background:linear-gradient(to right, #01c4e7, #0081d8);color:white; border-radius: 4;padding: 0}
</style>
